<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>数据存储系统</title>
    <%@ include file="/WEB-INF/web/include/base.jsp"%>
</head>
<body>

<div style="background-color: #393D49;color:#FFFFFF;padding: 2px;">
<span style="font-size:30px;">数据存储系统</span>
</div>
<table style="width:100%">
    <tr>
        <td style="width:201px">
            <ul class="layui-nav layui-nav-tree layui-inline" id="leftMenuTop" lay-filter="demo" style="margin-right: 10px;min-height: 650px;">
                <li class="layui-nav-item"><a href="${sysPath}/type/manage.action" target="mainFrame">分类管理</a></li>
                <li class="layui-nav-item"><a href="${sysPath}/model/manage.action" target="mainFrame">模型管理</a></li>
                <li class="layui-nav-item"><a href="${sysPath}/sql/manage.action" target="mainFrame">SQL管理</a></li>
            </ul>
        </td>
        <td valign="top">
            <iframe id="mainFrame" name="mainFrame" src="" style="overflow:visible;" scrolling="yes" frameborder="no" width="100%"></iframe>
        </td>
    </tr>
</table>

<div  class="mainClass">

</div>
<script src="${sysPath}/js/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use('element', function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

        //监听导航点击
        element.on('nav(demo)', function(elem){
            //console.log(elem)
            //layer.msg(elem.text());
        });
    });
    // var tiWidth = $(window).width();
    var wHeight = $(window).height();
    // console.log(wHeight-300);
    $("#leftMenuTop").css("min-height",wHeight-48);
    $("#mainFrame").css("min-height",wHeight-48);
</script>

</body>
</html>
